(構想)即席color picker UserScript

PageMenuからcolor pickerを開くようにしたら便利そう

用途

UserCSSの色を決めるときに使う

仕様

https://gyazo.com/c80331c3129a16d1481c42ef970c9e8c

HLSをスライダで指定する

スライダの下にグラデーションで色を視覚化させる

スライダのCSSの指定方法は↓にある

反対色と補色に簡単に切り替えられるボタンを置く

リアルタイムで色とカラーコードが変わるようにする

カラーコードをクリックするとclipboardにコピーする

実装

Custom Elementを用いてColor PickerをまるごとComponent化する

あとはPage Menuから表示するなりKeyboard shortcutから表示するなり自由にできる